/* pages/mine/subpages/contactus/contactus.wxss */

page {
  background-color: #F6F6F6;
}
// .nav {
//   background: transparent;
//   .title {
//     color: #333333;
//     font-size: 36rpx;
//     font-weight: 500;
//   }
// }

.contact-container {
  padding: 24rpx 0;
}

.contact-info {
  background: #FFFFFF;
  border-radius: 0;
  padding: 48rpx 56rpx 32rpx;
  margin-bottom: 2rpx;

  .desc {
    font-size: 30rpx;
    color: #000;
    margin-bottom: 28rpx;
  }

  .item {
    display: flex;
    align-items: center;
    margin-bottom: 24rpx;
    
    .label {
      font-size: 28rpx;
      color: #4E5969;
      min-width: 100rpx;
    }
    .value {
        font-size: 28rpx;
        color: #86909C;
      }
    .value-link {
      font-size: 28rpx;
      color: #3375F5;
    }
    
    .time {
      font-size: 24rpx;
      color: #86909C;
      margin-left: 16rpx;
    }
  }
}

.qrcode-section {
  background: #FFFFFF;
  border-radius: 0;
  padding: 48rpx 24rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  
  .qrcode {
    width: 440rpx;
    height: 440rpx;
    margin-bottom: 16rpx;
  }
  
  .qrcode-tip {
    font-size: 28rpx;
    color: #86909C;
    letter-spacing: 16rpx;
    margin: 0 -160rpx;
    white-space: nowrap;
  }
}